<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="description" content="怡天体检"/>
<meta name="keywords" content="怡天体检"/>

<link href="css/head_foot2015.css" rel="stylesheet" type="text/css" />
<link href="css/ytcx2015_base.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/ytcx2015_js.js"></script>
<script src="js/js-date.js" type="text/javascript"></script><!--日历-->

<script>

window.onload=function(){

	bespeakLab();
	bespeakOpen();
	
}

</script>

<title>怡天网-体检预约流程</title>
</head>

<body>

  <div id="wrapper">
  
    <!-- 顶部栏开始 -->
    <div class="topbar">
      <div class="topbar_cont">
        <p style=" float:left;">欢迎光临怡天网！</p>
        <ul>
          <li><a href="#" target="_blank">手机客户端</a></li>
          <li><a href="#" target="_blank">会员空间</a></li>
          <li style="width:94px; border:0;"><a href="#" target="_blank">我的爱问医生</a></li>
        </ul>
      </div>
    </div>
    
    <!-- 头部开始 -->
    <div class="header">
      <div class="header_logo"><a href="#"><img src="imsges/top_logo.jpg" alt="Logo" /></a></div>
      <div class="header_search">
        <input type="text" class="header_search_input" placeholder="搜索" />
        <input type="button" value="搜索" class="header_search_btnok" />
        <p>热门搜索：<a href="#" target="_blank">体检</a> <a href="#" target="_blank">口腔</a> <a href="#" target="_blank">体检</a> <a href="#" target="_blank">口腔</a></p>
      </div>
      <div class="header_tel"><img src="imsges/top_tel.jpg" /></div>
    </div>
    
    <!-- 导航 -->
    <div class="nav">
      <div class="nav_mian">
        <ul>
          <li><a href="index.html">首页</a></li>
          <li><a href="#">会员中心</a></li>
          <li class="nav_active"><a href="#">服务项目</a></li>
          <li><a href="#">健康商城</a></li>
          <li><a href="#">公告新闻</a></li>
          <li><a href="organization.html">机构信息</a></li>
          <li><a href="#">关于我们</a></li>
        </ul>
        <div class="nav_toolbar">
          <div class="nav_login"><a href="login.html">登录</a></div>
          <div class="nav_login" style="border-right:1px solid #FFF;"><a href="register.html">注册</a></div>
          <div class="nav_login"><a href="#">购物车</a></div>
        </div>
      </div>
    </div>
    
    <div class="clearfloat"></div>
    
    <!-- 内容区域 -->
    
    <!-- 上方流程图 -->
    <div class="register_container" style="border-bottom:1px solid #dddddd;">
      <div class="procedure_main">
        <h3>体检预约流程</h3>
        <div class="procedure_step">
          <img src="imsges/liucheng_ico01.png" alt="体检预约流程" /><br /><br />
          <p>预约类型选择</p>
        </div>
        <div class="procedure_step">
          <img src="imsges/liucheng_ico02.png" alt="体检预约流程" /><br /><br />
          <p>基本信息录入</p>
        </div>
        <div class="procedure_step">
          <img src="imsges/liucheng_ico03.png" alt="体检预约流程" /><br /><br />
          <p>体检日期及门店选择</p>
        </div>
        <div class="procedure_step">
          <img src="imsges/liucheng_ico04.png" alt="体检预约流程" /><br /><br />
          <p>等候预约成功信息</p>
        </div>
        <div class="procedure_step">
          <img src="imsges/liucheng_ico05.png" alt="体检预约流程" /><br /><br />
          <p>持有效证件体检</p>
        </div>
      </div>
      <!-- 上方流程图结束 -->

    </div>
    
    <div class="container" style="padding:90px 0;">
      <div class="main">
        <h3>体检预约</h3>
        <div class="procedure_bespeak">
          <div class="procedure_bespeak_left">预约类型</div>
          <div class="procedure_bespeak_right" id="bespeak_main">
            <div class="procedure_bespeak_labtop" id="bespeak_top">
              <div class="procedure_bespeak_lab">体检卡号</div>
              <div class="procedure_bespeak_lab">证件号</div>
            </div>
            <span class="procedure_bespeak_labdown" style="display:none;">
              <form id="form1" name="form1" method="post" action="">
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">体检卡号码</label>
                  <input type="text" name="textfield" id="procedureCard" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">体检卡号码错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">密码或验证码</label>
                  <input type="text" name="textfield" id="procedurePsd" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">密码或验证码错误，请重新输入！</div>
                </div>
                <input type="submit" name="button1" id="button1" value="确定" class="procedure_bespeak_numsubmit" />
              </form>
            </span>
            <span class="procedure_bespeak_labdown" style="display:none;">
              <form id="form2" name="form2" method="post" action="">
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">体检卡号码</label>
                  <p id="procedureNumber" class="procedure_bespeak_number">222222222222</p>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">姓名</label>
                  <input type="text" name="textfield" id="procedureName" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">姓名输入错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">性别</label>
                  <input type="radio" name="radio" id="radio_male" value="radio" /> <label for="radio_male">男</label>　
                  <input type="radio" name="radio" id="radio_female" value="radio" /> <label for="radio_female">女</label>
                  <div class="procedure_bespeak_warning">请选择性别！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">年龄</label>
                  <select name="select" id="procedureAge" class="procedure_bespeak_numselect">
                    <option>--请选择年龄段</option>
                    <option>18-29</option>
                    <option>30-49</option>
                    <option>50-69</option>
                    <option>70-100</option>
                  </select>
                  <div class="procedure_bespeak_warning">请选择年龄！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">证件号码</label>
                  <input type="text" name="textfield" id="procedureID" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">证件号码错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">手机号码</label>
                  <input type="text" name="textfield" id="procedureMobile" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">手机号码错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">企业名称</label>
                  <input type="text" name="textfield" id="procedureCompany" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">企业名称错误，请重新输入！</div>
                </div>
                <div style="margin-bottom:15px;">
                  <label for="textfield" class="procedure_bespeak_numlabel">联系地址</label>
                  <input type="text" name="textfield" id="procedureAddress" class="procedure_bespeak_numinput" />
                  <div class="procedure_bespeak_warning">联系地址错误，请重新输入！</div>
                </div>    
                <input type="submit" name="button1" id="button1" value="确定" class="procedure_bespeak_numsubmit" />
              </form>
            </span>
          </div>
          <div class="procedure_bespeak_left">体检日期</div>
          <div class="procedure_bespeak_right">
            <input name="sDate1" id="sDate1" type="text" readonly="readonly" class="procedure_bespeak_date" onClick="return Calendar('sDate1');" />
          </div>
          <div class="procedure_bespeak_left">体检机构</div>
          <div class="procedure_bespeak_right" id="procedure_bespeak_main" style="height:80px;">
            <ul id="procedure_bespeak_ul">
              <li class="active">
                慈铭
              </li>
              <li>
                爱康国宾
              </li>
              <li>
                美年大健康
              </li>
              <li>
                松桥
              </li>
              <li>
                慈铭
              </li>
              <li>
                爱康国宾
              </li>
              <li>
                美年大健康
              </li>
              <li>
                松桥
              </li>
              <li>
                慈铭
              </li>
              <li>
                爱康国宾
              </li>
              <li>
                美年大健康
              </li>
              <li>
                松桥
              </li>
              <li>
                慈铭
              </li>
              <li>
                爱康国宾
              </li>
              <li>
                美年大健康
              </li>
              <li>
                松桥
              </li>
            </ul>
            <p id="procedure_bespeak_more">更多+</p>
          </div>
          <div class="procedure_bespeak_left">体检门店</div>
          <div class="procedure_bespeak_right">
            <select name="select" id="procedureAge" class="procedure_bespeak_numselect">
              <option>--请选择门店</option>
              <option>慈铭健康体检（联想桥分部）分店</option>
              <option>慈铭健康体检亮马桥分院</option>
              <option>慈铭健康体检大北窑分院</option>
              <option>慈铭健康体检中心潘家园</option>
              <option>慈铭健康体检（中服大厦分部）</option>
              <option>慈铭健康体检中心潘家园</option>
              <option>慈铭健康体检中心潘家园</option>
              <option>慈铭健康体检中心潘家园</option>
              <option>慈铭健康体检中心潘家园</option>
            </select>
          </div>
          <div class="procedure_bespeak_left">门店地址</div>
          <!--<p class="procedure_bespeak_number" style="line-height:35px;">北京海淀区中关村东路101号（近翠宫饭店）</p>-->
          <div class="procedure_bespeak_right">
            <select name="role" id="procedureAge" class="procedure_bespeak_numselect" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
            <!--
            	这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，它不会鸟你，选了和没有选一样一样的。就是无视客户的选择。 
                
                2.设置disabled属性<select style="width:195px" name="role" id="role" disabled="disabled"> 
                这个看起来更直接，直观就是有只读的感觉，也不可以点击和下拉了。里面的字也会变成灰色
                当属性设置为"disabled"时，提交表单时，select的值无法传递，提交前移除disabled属性$("#role").removeAttr("disabled"); 
                jquery添加属性$("#role").attr("disabled","disabled"); 
            -->
              <option>--门店具体地址</option>
              <option>北京海淀区中关村东路101号（近翠宫饭店）</option>
              <option>北京朝阳区亮马桥路39号第一上海中心1-3楼</option>
              <option>北京朝阳区建国路99号(中服大厦5-6层) </option>
              <option>北京潘家园9号(濠景阁大厦首层)</option>
              <option>北京朝阳区建国路99号中服大厦5-7楼</option>
              <option>北京潘家园9号(濠景阁大厦首层)</option>
              <option>北京潘家园9号(濠景阁大厦首层)</option>
              <option>北京潘家园9号(濠景阁大厦首层)</option>
              <option>北京潘家园9号(濠景阁大厦首层)</option>
            </select>
          </div>
          <div class="procedure_bespeak_left"></div>
          <!--<p class="procedure_bespeak_number" style="line-height:35px;">北京海淀区中关村东路101号（近翠宫饭店）</p>-->
          <div class="procedure_bespeak_right">
            <input type="submit" name="button1" id="button1" value="提交信息" class="procedure_bespeak_submit" />
          </div>
        </div>
      </div>
    </div>
    <!-- 内容区域结束 -->
    
    <!-- 页脚开始 -->
    <div class="footer">
      <div class="footer_cont">
        <div class="footer_main">
          <div class="footer_tltmain" style="background:url(imsges/foot_ico05.jpg) no-repeat left;"><p>会员中心</p></div>
          <ul>
            <li><a href="#" target="_blank">会员空间</a></li>
            <li><a href="#" target="_blank">个人信息</a></li>
            <li><a href="#" target="_blank">我的空间</a></li>
          </ul>
        </div>
        <div class="footer_main">
          <div class="footer_tltmain" style="background:url(imsges/foot_ico02.jpg) no-repeat left;"><p>新手上路</p></div>
          <ul>
            <li><a href="#" target="_blank">注册会员</a></li>
            <li><a href="#" target="_blank">找回密码</a></li>
            <li><a href="#" target="_blank">联系客服</a></li>
          </ul>
        </div>
        <div class="footer_main">
          <div class="footer_tltmain" style="background:url(imsges/foot_ico03.jpg) no-repeat left;"><p>体检常识</p></div>
          <ul>
            <li><a href="#" target="_blank">预约流程</a></li>
            <li><a href="#" target="_blank">注意事项</a></li>
            <li><a href="#" target="_blank">报告查询</a></li>
          </ul>
        </div>
        <div class="footer_main">
          <div class="footer_tltmain" style="background:url(imsges/foot_ico04.jpg) no-repeat left;"><p>共创未来</p></div>
          <ul>
            <li><a href="#" target="_blank">机构合作</a></li>
            <li><a href="#" target="_blank">招贤纳士</a></li>
            <li><a href="#" target="_blank">分销招募</a></li>
          </ul>
        </div>
        <div class="footer_main" style="width:200px;">
        <div class="footer_tltmain" style="background:url(imsges/foot_ico01.jpg) no-repeat left;"><p>全国热线</p></div>
          <p style=" height:90px; border-left:1px solid #e1e1e1; margin-left:17px; padding-left:20px; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#1897cf;">400-603-6660</p>
        </div>
      </div>
      <div class="clearfloat"></div>
      <div class="footer_copy">
        &copy; 怡天畅想科技&nbsp;&nbsp;京ICP证130046号
      </div>
    </div>
    <!-- 页脚结束 -->
  
  
  </div>




</body>
</html>
